@charset "utf-8";
:root{--swiper-theme-color:#01bfa3}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;touch-action:manipulation;}
body,html{margin:0;padding:0;background:#fff;color:#666;min-width: 320px;font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;}
.page__bd {font-size: 0;}/*富文本图片间隙*/
label > span a {pointer-events: all;}
/*颜色*/
.f-red{color:#ef4f4f!important}
.f-green{color:#01bfa3!important}
.f-blue{color:#18b4ed!important}
.f-black{color:#333!important}
.f-white{color:#fff!important}
.f-violet{color:#8e488e!important}
.f-gray{color:#ccc!important}
.f-yellow{color:#ff6!important}
.f-orange{color:#f60!important}
.f-gold{color: #e8c687!important;}
/*背景*/
.b-red{background:#ef4f4f!important}
.b-green{background:#01bfa3!important}
.b-blue{background:#18b4ed!important}
.b-black{background:#333!important}
.b-white{background:#fff!important}
.b-violet{background:#8e488e!important}
.b-gray{background:#ccc!important}
.b-yellow{background:#ff6!important}
.b-orange{background: #fe9600!important}
.b-gold{background: #e8c687!important;}

/*提示文字*/
.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:8px 12px;position:relative}
.weui-flex-box{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-size:14px;color:#333}
.weui-flex-box h2{color:#444;font-weight:500;font-size:16px;overflow:hidden;position:relative;padding-left:.75rem}
.weui-flex-box h2:after{content:'';position:absolute;z-index:0;top:4px;left:0;width:4px;height:16px;border-radius:10px;background:var(--swiper-theme-color);}

.demos-header {padding: 10px 0;text-align: center;}
.demos-header .heading{width: 60px;text-align: center;border-radius: 100%;overflow: hidden;border: 2px solid #01bfa3b5;padding: 2px;}
.demos-sub-title{text-align: center;color: #888;font-size: 14px;}
.demos-title{text-align: center;font-size: 18px;color: var(--swiper-theme-color);font-weight: 400;margin: 5px;}
.demos-btn{text-align: center;font-size: 14px;color: var(--swiper-theme-color);font-weight: 400;position: absolute;left: 42%;overflow: hidden;box-shadow: 0 4px 9px #e7e7e7;border: 1px solid;padding: 0 0.5rem;border-radius: 22px;}
/*轮播图*/
.swiper-pagination-bullet{border:1px solid #dcdcdc;background:#dcdcdc;opacity:1;width:15px;height:4px;border-radius:10px}
.swiper-pagination-bullet-active{background:var(--swiper-theme-color);border-color:var(--swiper-theme-color)}
.swiper-slide img{width: 100%;}

/*提交按钮*/
/* WebKit browsers */ 
input::-webkit-input-placeholder {font-size:14px;} 
/* Mozilla Firefox 19+ */ 
input::-moz-placeholder {font-size:14px;} 
/* Internet Explorer 10+ */ 
input:-ms-input-placeholder {font-size:14px;}
.weui-btn{width: 184px !important;}
.weui-btn-area button{width: 100%;border-radius: 100px;}
/*占位样式*/
.divHeight{width:100%;height:10px;position:relative;overflow:hidden;}
.divFooter{width:100%;height:53px;position:relative;overflow:hidden;}

/*顶部导航*/
.weui-navBar{height:44px;position:initial;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:102}
.weui-navBar-item{height:44px;min-width:15%;-webkit-box-flex:0;-webkit-flex:0 0 15%;-ms-flex:0 0 15%;flex:0 0 15%;padding:0 .9rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.7rem;white-space:nowrap;overflow:hidden;color:grey;position:relative}
.weui-navBar-item i{font-size:1.1rem;color:#333}
.weui-navBar-item:first-child{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin-right:-25%;font-size:.9rem;font-weight:400}
.weui-navBar-item:last-child{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;font-size:14px;color:#333}
.weui-center{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:44px;width:80%;margin-left:22%}
.weui-center-title{text-align:center;width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;font-size:.8rem;color:#333}
/*通栏广告图*/
.weui-ad{margin:5px;}
.weui-ad img{width:100%;height:auto;border-radius:100px;padding-top: 0.5rem;}
/*返回顶部*/
.goTop{width:40px;height:40px;position:fixed;bottom:70px;right:8px;background:var(--swiper-theme-color);opacity: 0.4;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:999}
.goTop img{width:40px;}

/*底部*/
.weui-tabbar{position: fixed;}
.weui-badge_dot{position: absolute;top: 12px;margin-left: -5px;}
.weui-bar__item--on .weui-tabbar__icon .icon{color:var(--swiper-theme-color);}
.weui-tabbar__icon .icon{bottom: 2px;}
/*弹出(二维码)图片*/
.popup-bottom .weui-popup__modal{top: 20%;width: 90%;bottom: auto;border-radius: 20px;background-color: #fff;margin: auto;position: relative;}
.weui-popup{width: 100%;text-align: center;}
.weui-msg__title{font-size: 16px;line-height: 2.2rem;}
.weui-msg__img{width: 50%;}
.weui-msg__desc{margin: 10px}
/*navbar*/
.weui-navbar__item:after{border: none;}
.weui-navbar:after{border: none;}
.weui-navbar__item.weui-bar__item--on{background:rgba(0,0,0,0) none repeat scroll 0 0;border-bottom:2px solid var(--swiper-theme-color);color:var(--swiper-theme-color);transition:right .3s cubic-bezier(.35,0,.25,1) 90ms,left .3s cubic-bezier(.35,0,.25,1)}
/*九宫格*/
.weui-grid{position:relative;float:left;padding:12px 1px 12px 1px;width:25%;box-sizing:border-box}
.weui-grid img{width: 95%;margin: 0 auto;}
.weui-grid p{text-align: center;font-size: 12px;color: #919191;}
.weui-grid-icon{width:32px;margin:0 auto;text-align:center;}
.weui-grid-icon i{font-size: 24px;}
.weui-grid-text{display:block;text-align:center;color:#333;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top:2px}
.weui-grid-text h2{font-size:.75rem;font-weight:400;color:#3e3e3e}

/*动态背景渐变*/
.dbganimation{overflow: hidden;background-image: linear-gradient(125deg,#01bfa3,#2ebf01,#bf8701,#bf0119,#bf019d,#8101bf);background-size: 400%;font-family: "montserrat";animation: bganimation 15s infinite;}
@keyframes bganimation{0%{background-position: 0% 50%;}50%{background-position: 100% 50%;}100%{background-position: 0% 50%;}}
/*动态鼠标样式*/
.mouse{margin-bottom: 20px;position: relative;height: 38px;width: 24px;border: solid 2px #fcfcfe;border-radius: 15px;}
.mouse:after {content: '';height: 4px;width: 4px;border-radius: 50%;background-color: #fcfcfe;position: absolute;top: 8px;left: calc(50% - 2px);animation: mouse-animation 1s infinite;}
@keyframes mouse-animation {0% {opacity: 1;	transform: translateY(0)}100% {opacity: 0;transform: translateY(8px)}
}
/*账户日志*/
.weui-navbar{background: none;}
.weui_cells{line-height:1.41176471;font-size:17px;overflow:hidden;position:relative}
.weui_cell{padding:10px 15px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.weui_cell:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px dashed #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}
.weui_cell_primary{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.weui_cell:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}
.weui-payrec{position:relative;z-index:1}
.weui-tab__bd-item .weui_cell_title{font-size:14px;line-height:1.6;color:#666}
.weui-tab__bd-item .weui_cell_info{font-size:12px;line-height:1.6;color:#999}
.weui-tab__bd-item .access .weui_cell_ft:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-4px;right:2px}
.weui_cell_ft .weui_cell_title {text-align: center;}
.weui-navbar__item {padding:8px;}
.weui-navbar__item:after{border:none}
.weui-navbar:after{border:none;}
/*商品列表*/
.weui-sol-list{background:#fff}
.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding: 10px 5px;position:relative}
.weui-list-theme-box{overflow:hidden;position:relative}
.weui-list-theme-two .weui-list-item{width:48%;margin-bottom:.5rem;border:1px solid #f1f1f1}
.weui-list-item{width:31.333%;float:left;margin:0 1% 0 1%;border-radius:5px;background:#fff;display:block;overflow:hidden}
.weui-list-theme-img{height:auto;width:100%;position:relative}
.weui-list-theme-img img{width:100%;height:auto;display:block;border:none}
.weui-list-theme-two .weui-list-theme-message{padding:0 .8rem .8rem}
.weui-list-theme-message{background:#fff;padding:.2rem 0 0 0;position:relative}
.weui-list-theme-title{color:#333;font-size:14px;margin:.3rem 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;font-weight:400;text-overflow:ellipsis}
.weui-list-theme-message i{color:var(--swiper-theme-color);font-size:12px;font-style:normal;font-weight:500}
.weui-list-theme-message span{color:var(--swiper-theme-color);font-size:16px;font-style:normal;font-weight:700}
.weui-list-theme-message em{color:var(--swiper-theme-color);font-size:12px;font-style:normal;font-weight:500}
.weui-list-theme-two .line{color:#999;text-decoration:line-through}
.weui-list-theme-two .weui-car-icon{right:.8rem;bottom:.5rem}

/*会员服务*/
.weui-server-wrap{text-align: center;overflow: hidden;}
.weui-server-item{background: #fef4f5;padding: .5rem 0;width: 23%;float: left;margin: 0 1% 0 1%;border-radius: 5px;display: block;overflow: hidden;position: relative;}
.weui-server-text{padding: .5rem .3rem .3rem 0;border-radius: 0 0 5px 5px;}
.weui-server-title{color: #f87994;font-weight: 400;font-size: 16px;}
.weui-server-desc{color: #bebebe;font-size: 12px;}
.weui-server-image{width: 50px;margin: 0 auto;}
.weui-server-image img{width: 100%;height: auto;display: block;border: none;}
.weui-server-item:nth-child(2){background: #e9f8ff;}
.weui-server-item:nth-child(2) .weui-server-title{color: #66bbfc;}
.weui-server-item:nth-child(3){background: #e9fff3;}
.weui-server-item:nth-child(3) .weui-server-title{color: #66c277;}
.weui-server-item:nth-child(4){background: #fef7ed;}
.weui-server-item:nth-child(4) .weui-server-title{color: #ebb56f;}
